var app=new Vue({
    el:"#app",
    data:{
        list:[],
        reverseList:null,
        temp:null,
        element:null,
        isRead:true,
        info:null,
        preInfo:null,
        infoChange:false,
        bottom:"Carpe Diem",
        BFlag:true,
        BPre:null,
        emerge:null,
        EF:false,
        json:null
    },
    methods:{
        getTime:function(){
            let t=new Date();
            return t.getMonth()+"/"+t.getDate()+" "+
                t.getHours()+":"+t.getMinutes()+":"+t.getSeconds();
        },
        getListElement:function(){
            let obj={
                "name":this.element,
                "time":this.getTime()
            }
            return obj;
        },
        addList:function(){
            if(this.element!=null && this.element!="")
                this.list.push(this.getListElement());
            this.elmReset();
            this.reverse();
        },
        reverse:function(){
            this.reverseList=this.list.slice().reverse();
        },
        add:function(str){
            this.list.push(str);
        },
        elmReset:function(){
            this.element=null;
        },
        removeList:function(index){
            this.reverseList.splice(index,1);
            this.list=this.reverse.slice().reverse();
        },
        clear:function(){
            this.list=[]
            this.reverseList=[]
        },
        toJson:function(){
            let JObj={
                list:this.list,
                info:this.info,
                bottom:this.bottom,
                emerge:this.emerge
            };
            // this.json=JObj;
            return JSON.stringify(JObj);
        },
        saveFile:function(){
            
        },
        load:function(){
            let json=JSON.parse(this.temp);
            console.log(json);
            this.list=json.list;
            this.info=json.info;
            this.bottom=json.bottom;
            this.emerge=json.emerge;
            this.reverse();
        },
        readList:function(){
            // var json=require("./static/list.json");
            // this.list=json;
            // this.isRead=false;
            document.getElementById("inputFile")
            .addEventListener('change', function() { 
                var fr=new FileReader(); 
                fr.onload=function(){
                    this.temp=fr.result;
                }
                fr.readAsText(this.files[0]);
            })
            this.reverse();
        },
        setInfo:function(msg){
            this.Info=msg;
        },
        setInfo:function(){
            this.info=this.preInfo.slice();
            this.desCancel();
        },
        clearInfo:function(){
            this.info=null;
        },
        showText:function(){
            this.infoChange=true;
            this.$nextTick(function(){
                this.$refs.inputVal.focus();
            })
        },
        infoEsc:function(){
            this.infoChange=false;
        },
        desCancel:function(){
            this.preInfo=null;
            this.infoEsc();
        },
        BottomMsg:function(){
            this.BFlag=false;
            this.BPre=null;
            this.$nextTick(function(){
                this.$refs.inputBot.focus();
            })
        },
        BotSet:function(){
            this.BFlag=true;
            this.bottom=this.BPre;
        },
        BotReset:function(){
            this.BFlag=true;
            this.BPre=null;
        },
        saveEmerge:function(){
            this.toggleEF();
            this.$nextTick(function(){
                if(this.EF)this.$refs.EmergeEvent.focus();
            })
        },
        toggleEF:function(){
            this.EF=!this.EF;
        }
    }
})
function BGImage(){
    let img=document.getElementById("back");
    // img.style.backgroundImage=URL();
    // var input =  document.querySelector("input");
    // //当选择完成图片之后调用
    // input.onchange = function(){
    //     //1. 拿到fileinput里面的文件, 这个file是一个file对象， file对象不能直接展示的
    //     var file =input.files[0];
 
    //     //2. 读取文件，成功img标签可以直接使用的格式
    //     //FileReader类就是专门用来读文件的
    //     var reader = new FileReader();
 
    //     //3. 开始读文件
    //     //readAsDataURL: dataurl它的本质就是图片的二进制数据， 进行base64加密后形成的一个字符串， 这个字符串可以直接作用img标签的图片资源使用
 
    //     reader.readAsDataURL(file);
 
    //     //4. 因为文件读取是一个耗时操作， 所以它在回调函数中，才能够拿到读取的结果
    //     reader.onload = function() {
    //         //直接使用读取的结果
    //         img.style.backgroundImage= reader.result;
    //     }
    // }
}